*{margin: 0;padding: 0;text-decoration: none;}
img {width: 100%;height: auto;}
html {background-color: #f2f2f2;}
body {background: #f2f2f2;color: #333333;}
.icon {width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
.content {max-width: 680px;margin: 0 auto;position: relative;}

/* 回到顶部按钮 */
.goTop {box-shadow: 0px 0px 6px 1px rgb(0 0 0 / 24%);position: fixed;right: 32px;bottom: 48px;z-index: 999999999999999;width: 30px;height: 30px;padding:6px;border-radius: 50%;overflow: hidden;background-color: #fff;}
.goTop .icon{width: 30px;height: 30px;}
/* 回到顶部按钮 */

/* 顶部导航 */
.header {width: 100%;background-color: rgba(255, 255, 255, 0.6);box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%), 0 0 6px 0 rgb(0 0 0 / 4%);}
.header .haedNav {width: 90%;max-width: 1160px;height: 100%;margin: 0 auto;position: relative;overflow: hidden;}
.header .haedNav .icon {width: 24px;height: 24px;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
.header .haedNav .navLogo{width: 120px;margin-right: 10px;float: left;cursor: pointer;}
.header .haedNav .navLogo img{width: 120px;height: 26px;margin: 11px auto;display: block;}
.header .haedNav .navList {display: flex;height: 48px;overflow: hidden;float: right;}
.header .haedNav .navList .navItem {width: 72px;height: 48px;display: flex;text-align: left;justify-content: left;align-item: left;cursor: pointer;}
.header .haedNav .navList .navItem .navIcon {margin: 12px 0;}
.header .haedNav .navList .navItem .navText {line-height: 48px;font-size: 14px;font-weight: 600;color: #475b6d;margin-left: 4px;}
/* 顶部导航 */
/* 页脚 */
.footer {width: 100%;padding: 20px 0;background-color: #232323;text-align: center;color: #888;font-size: 12px;line-height: 2;min-height: 50px;margin-top: 20px;}
.footer a{color:#b56143;cursor: pointer;}
/* 页脚 */
/* 打赏二维码弹窗 */
.rule {position: absolute;width: 0.82rem;height: 0.36rem;top: 0.08rem;right: 0rem;background: #111111;}
.over {position: fixed;width: 100%;height: 100%;opacity: 0.7;filter: alpha(opacity=70);top: 0;left: 0;z-index: 999;background-color: #111111;}
.modeCont {position: fixed;font-size: 24px;width: 480px;padding:24px;background-color: #fff;border-radius: 8px;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1000;cursor: pointer;}
.modeCont .imgList{width: 100%;display: flex;justify-content: center;}
.modeCont .imgList .item{display: block;width: 46%;margin: 8px 1%;border-radius: 8px;overflow: hidden;line-height: 20px;font-size: 12px;font-weight: 600;text-align: center;color:#475b6d;}
.modeCont .imgList .item img{border-radius:8px;}
.modeCont .text{width: 96%;margin: 0 auto;line-height: 20px;font-size: 14px;margin-bottom: 10px;}
/* 打赏二维码弹窗 */

/* 内容区域 */
.columns{width: 100%;}
.columns .mine-columns,.columns .left-columns{width: 100%;}
.columns .right-columns{display: block;}
.left-columns .card,.right-columns .card{width: 88%;border-radius: 6px;background-color: #fff;margin: 0 auto 1.5rem auto;padding: 1.6em 3%;box-shadow: 0px 0px 6px 1px rgb(0 0 0 / 20%);}
.mine-columns .card{width: 94%;border-radius: 6px;background-color: #fff;margin: 0 auto 1.5rem auto;overflow: hidden;box-shadow: 0px 0px 6px 1px rgb(0 0 0 / 20%);}

/* 页面内容两侧组件样式 */
/* 个人信息组件myinfo */
.card-author{display: flex;flex-direction: column;align-items: center;}
.card-author .author-img{width: 120px;height: 120px;display: block;margin: 0 auto;}
.card-author .author-tit{color:#475b6d;width: 100%;text-align: center;font-size: 20px;line-height: 42px;margin-top: 20px;}
.card-author .author-des{width: 100%;text-align: center;font-size: 16px;color:#475b6d;}
.card-author .author-stat{display: flex;justify-content: center;width: 100%;}
.card-author .author-stat a.item{width: 48px;height: 42px;margin: 12px 0;color: #333333;}
.card-author .author-stat a.item p{font-size: 20px;text-align: center;}
.card-author .author-stat a.item div{font-size: 16px;text-align: center;}
.card-author .author-link{display: flex;justify-content: center;width: 100%;}
.card-author .author-link a.item{margin: 6px;}
.card-author .author-link a.item .icon{width: 32px;height: 32px;}
/* 其余各组件标题 */
.cardHead{width: 100%;display: flex;margin-bottom: 10px;}
.cardHead .icon{width: 24px;height: 24px;}
.cardHead .text{font-size: 18px;color: #475b6d;line-height: 24px;margin-left: 8px;}
/* 其余各组件内容*/
.ClassfyList{width: 92%;margin: 0 auto;}
.ClassfyList .Classfyitem{margin: 0 auto;background: #fff;padding: 8px;font-size: 1.15rem;transition: all 0.4s;font-size: 16px;color: #475b6d;border-radius: 0.3rem;line-height: 28px;cursor: pointer;}
.ClassfyList .Classfyitem:hover{padding: 8px 14px;background-color: #d8deea;}
.ClassfyList .Classfyitem span{width: 20px;float: right;margin-right: 8px;font-size: 14px;background-color: #edeff3;padding: 0 6px;text-align: center;transition: all 0.4s;border-radius: 0.3rem;}
.labelList{width: 92%;margin: 0 auto;overflow: hidden;}
.labelList .labelitem{float: left;padding: 4px 10px;background-color: #edeff3;    margin: 0 6px 8px 6px;border-radius: 6px;font-size: 14px;font-weight: 600;color: #475b6d;cursor: pointer;}
.ArtiList{width: 92%;margin: 0 auto;overflow: hidden;}
.ArtiList .Artiitem{width: 100%;margin: 8px 0;}
.ArtiList .Artiitem .data{text-align: left;font-size: 14px;}
.ArtiList .Artiitem .name{font-size: 18px;color: #3c4858;margin-top: 6px;border-radius: 0.3rem;padding: 6px 0;padding-left: 8px;transition: all 0.4s;cursor: pointer;}
.ArtiList .Artiitem .name:hover{padding: 6px 12px 6px 14px;background-color: #d8deea;}
/* 页面内容两侧组件样式 */
/* index的文章列表 */
.artCard .coverImg {cursor: pointer;}
.artCard .article {padding: 1.5em;}
.artCard .article .name{font-size: 1.85rem;font-weight: 500;margin: 0.5rem 0;padding-bottom: 0.4rem;color: #475b6d;line-height: 1.125;cursor: pointer;}
.artCard .article .des{margin-bottom: 0.85rem;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-box-pack: center;-webkit-box-align: center;-webkit-line-clamp:3;overflow: hidden;}
.artCard .article .pend{display: flex;justify-content: space-between;}
.artCard .article .pend div{display: flex;}
.artCard .article .pend div .icon{width: 20px;height: 20px;}
.artCard .article .pend div span{margin: 0 8px;}
.artCard .article .pend .butt{color: #3273dc;cursor: pointer;}
/* index的文章列表 */

.pageHead h1{font-size: 1.3rem;font-weight: bold;padding: 1.5rem;color: #475b6d;}
.pageHead h1 p{display: block;font-size: 1rem;font-weight: 500;margin-top: 10px;}

.artcList{width: 94%;margin: 0 auto;}
.artcList .arrList{width: 100%;margin-bottom: 1.5em;}
.artcList .arrList .year{box-shadow: 0px 0px 6px 1px rgb(0 0 0 / 20%);background-color: #3273dc;transition: background-color 0.3s;border-radius: 0.3rem;max-width: 66px;height: 32px;display: flex;justify-content: center;align-items: center;color: #fff;margin: 12px 0;}
.artcList .arrList .item{width: 88%;border-radius: 6px;background-color: #fff;margin: 12px 0 12px 5%;overflow: hidden;padding: 1em 3%;cursor: pointer;box-shadow: 0px 0px 6px 1px rgb(0 0 0 / 20%);}
.artcList .arrList .item .name{margin-top: 12px;font-size: 1.15rem;}

.labeList{padding: 1.5rem;overflow: hidden;}
.labeList .item{ float: left;padding: 6px 12px;background-color: #edeff3;margin: 0 6px 8px 6px;border-radius: 6px;font-size: 14px;font-weight: 600;color:#475b6d;cursor: pointer;}

.classList{padding: 1.5em 2.2rem;overflow: hidden;}
.classList .item{display: flex;color: #3c4858;font-size: 1.3rem;align-items: center;justify-content: space-between;padding: 12px 0.4em;border-radius: 0.3rem;cursor: pointer;}
.classList .item:hover{padding: 12px 0.8em;background-color: #d8deea;}
.classList .item .stat{font-size: 0.9rem;margin: 6px 0;}

/* 关于 */
.myinfo{padding: 2em;}



/* 关于 */

/* 友链 */
.friendList{padding: 1.5em;overflow: hidden;}
.friendList .item{display: flex;align-items: center;padding: 10px 3%;}
.friendList .item:active{background-color: #d8deea;}
.friendList .item .avatar{height: 44px;width: 44px;margin-right: 14px;border-radius: 50%;overflow: hidden;}
.friendList .item .text{width: 56%;display: flex;flex-direction: column;}
.friendList .item .text .name{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #2f3d4e;font-size: 1.15rem;max-height: 24.8px;}
.friendList .item .text .dsc{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #60656a;font-size: 0.9rem;max-height: 19.2px;}
/* 友链 */
@media screen and (min-width: 880px){
	.columns{display: flex;}
	.columns .mine-columns{width: 66.6666666666666666%;order: 2;}
	.columns .left-columns{width: 33.3333333333333333%;order: 1;}
	.columns .right-columns{display: none;}
	.columns .mine-columns .card{width: 97%;}
	.classList .item{width: 50%;float: left;display: flex;color: #3c4858;font-size: 1.3rem;flex-direction: column;align-items: center;justify-content: center;padding: 10px 0;}
	.classList .item:hover{padding: 10px 0;background-color: #d8deea;}
	.friendList .item{width: 44%;float: left;}

}
@media screen and (min-width: 1280px){
	.columns .mine-columns{width: 52%;order: 2;}
	.columns .left-columns{width: 24%;order: 1;}
	.columns .right-columns{width: 24%;order: 3;display: block;}

}

